/* pages/nonOperatorUpload/nonOperatorUpload.wxss */
/* index.wxss */

.form-container {
  
  background-color: #ffffff;
  padding: 0rpx;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}
.popupcontainer{
  height: 290px;
}
.groupclass{
  width: 320px;
}
// 时间
/* 外层容器样式 */
.radiogroup {
  display: flex;
  flex-direction: column; /* 根据需要调整为column或row */
}

/* 每个单选按钮的样式 */
.radiolabel {
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: space-between; /* 两端对齐 */
  padding: 10px; /* 根据需要调整内边距 */
  // margin-right: 10px;
}
/* 单选按钮样式 */
.radio {
  flex-shrink: 0; /* 防止radio在小屏幕上压缩 */
  margin-left: 10px; /* 根据需要调整文本与图标之间的间距 */
}

.rab{
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: space-between; /* 两端对齐 */
  padding: 10px; /* 根据需要调整内边距 */
}


.option {
  margin-bottom: 20px;
}

.picker {
  margin-top: 20px;
}

.picker-content {
  padding: 10px;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 4px;
}



.right-icon-class{
  color: #FFB13F;
}
//上传
.upload-container {
  display: flex;
  flex-direction: column;
  // align-items: left;
  margin: 20px; 
  margin-left:15px ;
}

.upload-text {
  font-size: 14px;
  color: #6d6c6c;
  // font-weight: bold;
  // margin-bottom: 10px;
  margin-top: -10px;
 
}

.upload-hint {
  font-size: 12px;
  color: #888;
  margin-bottom: 10px;
}

.upload-area {
  display: flex;
  flex-direction:row;
  justify-content:flex-start;
  // justify-content: center;
  // align-items: center;
  font-size: 24px;
  color: #333;
}

//文本
.input-container {
  display: flex;
  flex-direction: column;
  margin: 10px;
  width: 300px;
  height: 130px;
  // background-color: #ebeae8;
  margin-left: 10px;
  
}
.input-container .label {
  font-size: 14px;
  // font-weight: bold;
  margin-top: 5px;
  color: #6d6c6c;
  // font-weight: bold;
  // margin-bottom: 10px;

}

.input-container .textarea {
  margin-top:10px;
  height: 100px;
  background-color: #f0f0f0;
 width: 288px;
//  margin-left: 10px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.5;
  padding-top: 10px;
  padding-left: 10px;
  border: 1px solid #ccc;
  // margin-bottom: 5px;
}
//营位类型
.image-container {
  width: 300px;
  margin-left: 10px;
  // height: 100px;
  display: flex;  
  justify-content: center; /* 水平居中 */  
  align-items: center; /* 垂直居中，但这里需要配合其他样式实现文本在容器内的居中 */  
  // width: 200px; /* 你可以根据需要调整宽度 */  
  height: 100px; /* 你可以根据需要调整高度 */  
  border: 2px dashed #FFB13F; /* 黄色虚线边框 */  
  border-radius: 10px; /* 圆角 */  
  padding: 10px; /* 内边距，使文本不会紧贴边框 */  
  box-sizing: border-box; /* 确保宽度和高度包括边框和内边距 */  
  text-align: center; /* 文本居中 */  
  margin-bottom: 5px;
  /* 如果需要垂直居中，且容器高度固定，可以使用以下方式之一：  
     1. 使用line-height等于容器高度（适用于单行文本）  
     2. 使用flex布局（已在justify-content和align-items中设置）  
     由于已经使用了flex布局，且align-items: center;已经设置，所以这里不需要额外设置line-height  
  */  
}
.add-text {
 /* 这里其实不需要额外的样式，因为父容器已经设置了文本居中 */  
  /* 但你可以根据需要添加其他文本样式，如字体大小、颜色等 */  
  font-size: 16px;  
  color: #FFB13F;  
}
.modal-content {
  // width: 100%;
  padding: 20px;
  background-color: #fff;
  // margin-left: -20px;
}
.yingweifei{
  
  margin-left: 40px;
  margin-bottom: 10rpx;

}

.condition-title {
  font-size: 16px;
  // font-weight: bold;
  margin-left: -240px;
  margin-bottom: 10rpx;
}

.checkbox-label {
  font-size: 14px;
  display: block;
  margin-bottom: 10rpx;
  margin-left: -240px;
}
.add-condition-btn {
  background-color: #007aff;
  color: white;
  padding: 10rpx 20rpx;
  border-radius: 5rpx;
  border: none;
}

.modal-footer {
  width: 100%;
  /*使用flex布局显示出正确的两个横向排列的效果 */
  display: flex;
  margin-top: 10px;
  justify-content: space-around
}
.qx,.wc{
  width: calc((100% - 60rpx) /2);
  border: 0rpx solid #f8f8f8;
  margin-bottom: 30rpx;
  /*设置最小高度 60rpx */
  min-height: 60rpx;
  /*设置圆角边框半径 20rpx */
  border-radius: 20rpx;
  /*使用flex布局，让内容水平垂直居中显示 */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  box-shadow: 5rpx 5rpx 20rpx 1rpx rgba(114, 130, 138, 0.2);
}
.qx{
  background-color: #FFB13F;
  color: rgb(12, 12, 12);
}
.wc{
  background-color: #FFB13F;
  color: rgb(12, 12, 12);

}
//房车

.fc-container {
  // display: flex;
  // align-items: center;
  // margin-top: 10px;
  width: 300px;
  margin-left: 10px;
  /*使用flex布局显示出正确的两个横向排列的效果 */
  display: flex;
  justify-content: space-around;
  // justify-content: space-between;
}
.labell,.switchh {
  width: calc(100% /2);
  // border: 0rpx solid #f8f8f8;
  margin-bottom: 10rpx;
  /*设置最小高度 60rpx */
  min-height: 15rpx;
  /*设置圆角边框半径 20rpx */
  // border-radius: 20rpx;
  /*使用flex布局，让内容水平垂直居中显示 */
  display: flex;
  // align-items: center;
  // justify-content: center;
  flex-direction: row;

  // box-shadow: 5rpx 5rpx 20rpx 1rpx rgba(114, 130, 138, 0.2);
  /* 阴影 */
  // padding: 10px;
  // margin: 5px;
  // font-size: 16px;
  float: right;
  display: flex;
  align-items: center; /* 垂直居中 */
}
.labell {
  // margin-right: 10rpx; /* 根据需要调整间距 */
  // margin-left: 0px;
  font-size: 14px;
  align-items: center; /* 垂直居中 */
  


  // align-items: flex-start; /* 交叉轴上的左对齐 */

}

.switchh {
  align-items: center; /* 垂直居中 */
  flex-direction: row-reverse;
  align-items: flex-end; /* 交叉轴上的右对齐 *
  // margin-right: -20px;
  /* 微信小程序的switch组件默认样式已经足够美观，通常不需要额外样式 */
}
//草稿部分
.c-icon{
  display: flex;
  justify-content: center; /* 水平居中 */
  margin-bottom: 3px;
}

.ccg{
  display: flex;
  justify-content: center; /* 水平居中 */
  margin-bottom: 5px;
}
.ccg-c{
  font-size: 12px;
}
.yl{
  background-color: #FFB13F;
  margin-bottom: 5px;
  font-size: 16px;
  border-radius: 50rpx;
}













// page{
//   background-color: #f1f1f1;
// }
// /* 注册表单 */
// .registerForm-box {
//   height: 100%;
//   width: 95%;
//   margin: 20rpx auto 20rpx;
//   background-color: skyblue !important;
//   border-radius: 20rpx;
// }
// .custom-field {
// /* 设置圆角 */
// /* border-radius: 20rpx; */
// display: flex;
// justify-content: space-between;
// }
// /* 输入框内容垂直居中 */
// .custom-field .van-cell__value {
// display: flex;
// align-items: center;
// }
// /* 输入字符统计位置 */
// .custom-field .van-field__word-limit {
// position: absolute;
// right: 20rpx;
// }